.card {
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-perspective: 5000;
  perspective: 5000; 
}

.card .container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  transition: 0.6s; 
}



.card .container .front, .card .container .back {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; 
}

.card .container .front .row, .card .container .front .column, .card .container .front .columns, .card .container .back .row, .card .container .back .column, .card .container .back .columns {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; 
}

.card .container .front {
  z-index: 2; 
}

.card .container .back {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: scroll;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); 
}

.card .container:hover {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg); 
}

.card .container {
  border: solid 1px #eeeeee; 
}

.card .container .front, .card .container .back {
  padding: 1em; 
}

.card.square .container {
  width: 100%;
  height: 0;
  padding-bottom: 100%; 
}



table input[type="text"]{
  margin: 0px !important;
}

div.button input[type="file"]{
  opacity: 0;
  filter: alpha(opacity=0);
  height: 0px;
  width: 100%;
  margin: 0px;
}


.disabled{
  color: gray;
}

.enabled{
  color: rgb(0, 140, 186);
}

.text-secondary{
  color: #dddddd;
}

.text-uppercase{
  text-transform: uppercase;
}

.text-height-normal{
  line-height: 1 !important;
}


.view{
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}


.breadcrumbs{
  margin-bottom: 10px;
}










 .table .table-item {
    height: 100%;
    
  }

 .table .table-item .table-link {
    
    top: -8px;
    
    width: 100%;
    height: 100%;
    padding: 20px 8px 12px;
    visibility: hidden;
  }
  .table .table-item .table-link a{
    z-index: 1001;
  }

 .table .table-item .table-link:before {
    content: "";
    position: absolute;
    top: -7%;
    
    width: 100%;
    height: 100%;
    padding: 7%;
    background-size: 100% 100%;
  }

 .table .table-item:nth-child(4n+2) .table-link {
    
  }

 .table .table-item:nth-child(4n+3) .table-link {
    
  }

 .table .table-item .table-link > div {
    display: block;
    position: absolute;
    top: -8px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

 .table .table-item .table-link .table-link-content > div {
    display: block;
    position: absolute;
    bottom: -48px;
    height: 48px;
    

    -webkit-transition: bottom 333ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: bottom 333ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition:bottom 333ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: bottom 333ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  }

 .table .table-item .table-link > .table-link-content  > div .label {
    display: block;
    font: normal normal normal 12px/48px 'MisoRegular', Arial, sans-serif;
    padding-left: 20px;
    color: #57e9be;
  }

 .table .table-item .table-link .table-link-content  > div :hover .label {
    color: #fff;
  }

 .table .table-item .table-link .table-link-content .label:after {
    content: "\003e";
    position: absolute;
    top: 0px;
    right: 20px;
    color: #374041;
  }

 .table .table-item .table-contents {
    -webkit-transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  }

 .table .table-item:hover {
    z-index: 1;
  }

 .table .table-item:hover:after {
    border: 0;
  }

 .table .table-item:hover .table-link {
    visibility: visible;
  }

 .table .table-item:hover .table-link > div > div {
    bottom: 0px;
  }

 .table .table-item:hover .table-contents {
    margin-top: -8px;
    margin-bottom: 8px;
    box-shadow: 0px 0px 5px 5px #dddddd;
    /* flexbox setup */
      display: -webkit-flex;
      -webkit-flex-direction: row;

      display: flex;
      flex-direction: row;
  }
.table .table-item .desc{
  line-height: 1rem;
  overflow: hidden;
}
.table .table-item .desc:after{
  content: '...';
}

.table > div {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
}

.table > div:last-child{
  border-bottom: none;
}

.table .table-contents .text{
  height: 14.4rem;
  overflow: hidden;
}



.sales li{
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 10px;

  -webkit-transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 444ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.sales li:hover{
  z-index: 1;

  box-shadow: 0px 0px 5px 5px #dddddd;

  margin-top: -8px;
  margin-bottom: 8px;
}